www.gusucode.com > 通用型企业网站模版 织梦电子产品公司网站源码(demo70) > 通用型企业网站模版 织梦电子产品公司网站源码(demo70)/www1/templets/23/js/in_ban2.js

    $(function(){
	(function(){
		var curr = 0;
		var imglen = $(".banImgs li").length;
		$("#jsNav .trigger").each(function(i){
			$(this).click(function(){
				this.blur();
				curr = i;
				$(".banImgs li").eq(i).css("z-index","10").siblings("li").css("z-index","1");
				$(".banImgs li").eq(i).fadeIn(1000).siblings("li").fadeOut(1000);
				$(this).siblings(".trigger").removeClass("current").end().addClass("current");
				return false;
			});
		});
		
		var pg = function(flag){
			//flag:true表示前翻, false表示后翻
			if (flag) {
				if (curr == 0) {
					todo = (imglen-1);
				} else {
					todo = (curr - 1) % imglen;
				}
			} else {
				
				todo = (curr + 1) % imglen;
			}
			$("#jsNav .trigger").eq(todo).click();
		};
		
		//前翻
		$(".banPrev").click(function(){
			pg(true);
			return false;
		});
		
		//后翻
		$(".banNext").click(function(){
			pg(false);
			return false;
		});
		
		//自动翻
		var timer = setInterval(function(){
			todo = (curr + 1) % imglen;
			$("#jsNav .trigger").eq(todo).click();
		},3000);
		
		//鼠标悬停在触发器上时停止自动翻
		$("#jsNav a,.banPrev,.banNext").hover(function(){
				clearInterval(timer);
			},
			function(){
				timer = setInterval(function(){
					todo = (curr + 1) % imglen;
					$("#jsNav .trigger").eq(todo).click();
				},8000);			
			}
		);
	})();
});